<h3>描述</h3>
<p>表格列拖动特性 + 排序特性</p>
<p class="demo-text-warn">注意：使用 tiOverflow 组件，请导入 TiOverflowModule。</p>
<h3>示例</h3>

<ti-table [(displayedData)]="displayed" [srcData]="srcData" [columns]="columns" tiColsResizable>
  <div class="ti3-resize-wrapper">
    <table>
      <thead>
        <tr>
          <th>
            <ti-cell-text>{{columns[0].title}}</ti-cell-text>
            <ti-head-sort [sortKey]="columns[0].sortKey"></ti-head-sort>
          </th>
          <th not-resizable>
            <ti-cell-text>{{columns[1].title}}</ti-cell-text>
            <ti-head-sort [sortKey]="columns[1].sortKey"></ti-head-sort>
          </th>
          <th>
            <ti-cell-text>{{columns[2].title}}</ti-cell-text>
            <ti-head-sort [sortKey]="columns[2].sortKey" [asc]="columns[2].asc"></ti-head-sort>
          </th>
          <th>
            <ti-cell-text>{{columns[3].title}}</ti-cell-text>
            <ti-head-sort [sortKey]="columns[3].sortKey"></ti-head-sort>
          </th>
          <th tiOverflow>{{columns[4].title}}</th>
          <!--该列无法排序，因为未做ti-sort设置-->
        </tr>
      </thead>
      <tbody>
        <!--注意:ngFor中的displayed数据与displayedData传入的数据一致, 初始化设置为[]即可-->
        <tr *ngFor="let row of displayed">
          <td tiOverflow>{{row.firstName}}</td>
          <td tiOverflow>{{row.lastName}}</td>
          <td tiOverflow>{{row.age}}</td>
          <td tiOverflow>{{row.balance}}</td>
          <td tiOverflow>{{row.email}}</td>
        </tr>
      </tbody>
    </table>
  </div>
</ti-table>
